<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>我的藏酒</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<include file="public/comm"/>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav fs_xl">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title fs_xl">我的藏酒列表</h1>
		</header>
		<include file="public/bottom_nav" />
		<div class="mui-content fs_xl">
			<div class="cj_top fs_xl">
				<ul>
					<li class="active">藏酒</li>
					<li>收酒</li>
				</ul>
			</div>
			<div class="cj_box">
				<div class="cj_item active">
					<ul>
						<volist name="cellar_list" id="vo">
							<li>
								<div class="cj_tit fs_l cls"><em class="fs_l"><i style="color: #6c6c6c;" class="mui-icon iconfont icon-huangye_dianpumingcheng fs_xxxl"></i>{$vo.suppliers_name}></em><span class="fs_s">订单编号：{$vo.order_sn}</span></div>
								<div class="cj_info cls">
									<a href="{:U('/Mobile/User/cellar_info',array('id'=>$vo.rec_id,'type'=>1))}"><div class="cj_lt">
										<img src="{$vo.original_img}" />
									</div>
									<div class="cj_rt">
										<p class="fs_m">{$vo.goods_name}</p>
										<p class="fs_s">
	<!-- 										<span class="cj_span1">{$vo.cellar_type}</span> -->
											<span class="cj_span2">{$vo.cellar_aroma}</span>
											<span class="cj_span3">{$vo.cellar_theme}</span>
										</p>
										<p class="fs_m"><span>¥{$vo.shop_price}/L</span><span>(已选{$vo.other_content.capacity})</span><span>×{$vo.goods_num}</span></p>
									</div></a>
								</div>
								<div class="cj_zs mui-table-view-cell">
									<a href="{:U('/Mobile/User/cellar_give',array('id'=>$vo.rec_id))}" class="mui-navigate-right fs_m">赠送</a>
								</div>
								<div class="cj_zs mui-table-view-cell">
									<a href="{:U('/Mobile/User/cellar_extract',array('id'=>$vo.rec_id,'type'=>1))}" class="mui-navigate-right fs_m">提酒</a>
								</div>
							</li>
						</volist>
					</ul>
				</div>
				<div class="cj_item">
					<ul>
						<volist name="recive_list"  id="vo">
							<li>
								<div class="zs_top cls">
									<div class="zs_top_lt">
										<p class="fs_l">赠送人：{$vo.nickname}</p>
										<p class="fs_s">赠酒时间：{$vo.addtime|date="Y-m-d",###}</p>
									</div>
									<div class="zs_top_rt fs_xl">
										<a href="tel:{$vo.mobile}#mp.weixin.qq.com">
											<span><i class="mui-icon mui-icon-phone fs_xi"></i></span>
										</a>
									</div>
									<span class="zs_span"></span>
								</div>
								<a href="{:U('/Mobile/User/cellar_info',array('id'=>$vo.id,'type'=>2))}">
									<div class="cj_info cls">
										<div class="cj_lt">
											<img src="{$vo.original_img}" />
										</div>
										<div class="cj_rt">
											<p class="fs_m">{$vo.goods_name}</p>
											<p class="fs_s">
<!-- 												<span class="cj_span1">{$vo.cellar_type}</span> -->
												<span class="cj_span2">{$vo.cellar_aroma}</span>
												<span class="cj_span3">{$vo.cellar_theme}</span>
											</p>
											<p class="fs_m"><span>¥{$vo.shop_price}/L</span><span>(已选{$vo.other_content.capacity})</span><span>×{$vo.num}</span></p>
										</div>
									</div>
								</a>
								<div class="cj_wi"></div>
							</li>
						</volist>
					</ul>
				</div>
			</div>
		</div>
		<script type="text/javascript">
			$(function() {
				$(".cj_item li").each(function() {
					var rtH = $(this).find(".cj_info").height();
					var toH = $(this).find(".cj_tit").height();
					var yqT = rtH + toH + 0.5 * 16 + 0.6 * 16 - 1.5 * 16 / 2;
					$(this).find(".yq_lt").css("top", yqT);
					$(this).find(".yq_rt").css("top", yqT);
				});
				$(".cj_top li").click(function() {
					$(".cj_top li").removeClass("active").eq($(".cj_top li").index(this)).addClass("active");
					$(".cj_item").hide().eq($('.cj_top li').index(this)).show();
				});
			})
		</script>
	</body>

</html>